<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta name="viewport content="width=device-width, user-scalable=no,
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/umi.css" />
  </head>
  <style>
    .icon_loading {
      animation: spin 2s linear infinite;
    }

    @keyframes spin {
      from {
        transform: rotate(0deg);
      }
      to {
        transform: rotate(360deg);
      }
    }

    /* .login_root {
      height: 100%;
    }

    .login_left {
      height: 100%;
    }
    .roomPng {
      height: 100%;
    } */

    /* body {
      overflow: hidden;
    } */
    /* .login_right_room {
      height: 300px !important
     } */
  </style>
  <body>
    <div id="root" style="height: 100%"></div>

    <div
      id="root2"
      style="
        overflow: hidden;
        position: relative;
        left: 0;
        top: 0;
        height: 100vh;
        background-color: #2d2f30;
        display: flex;
        justify-content: center;
        align-items: center;
      "
    >
      <div style="display: flex; flex-direction: column; align-items: center">
        <svg
          t="1746978144033"
          class="icon_loading"
          viewBox="0 0 1024 1024"
          version="1.1"
          xmlns="http://www.w3.org/2000/svg"
          p-id="2711"
          width="120"
          height="120"
        >
          <path
            d="M751.218 540.444a129.138 129.138 0 1 1 129.138 129.138 129.138 129.138 0 0 1-129.138-129.138z"
            fill="#2A83C6"
            p-id="2712"
          ></path>
          <path
            d="M648.818 265.387a118.044 118.044 0 1 1 117.76 117.75999999 117.76 117.76 0 0 1-117.76-117.75999999z"
            fill="#2C8CCD"
            p-id="2713"
          ></path>
          <path
            d="M382.009 148.764A104.107 104.107 0 1 1 485.83 252.587a104.107 104.107 0 0 1-103.82000001-103.823z"
            fill="#4299D5"
            p-id="2714"
          ></path>
          <path
            d="M117.76 265.38700001a88.178 88.178 0 1 1 88.178 88.17699999 88.178 88.178 0 0 1-88.178-88.17699999z"
            fill="#58A4DB"
            p-id="2715"
          ></path>
          <path
            d="M16.782 540.444a77.084 77.084 0 1 1 77.085 76.8 77.084 77.084 0 0 1-77.085-76.8z"
            fill="#6EB1E2"
            p-id="2716"
          ></path>
          <path
            d="M146.773 818.916a62.293 62.293 0 1 1 62.294 62.862 62.293 62.293 0 0 1-62.294-62.294z"
            fill="#84BDE7"
            p-id="2717"
          ></path>
          <path
            d="M434.347 933.26200001a51.2 51.2 0 1 1 51.2 50.91599999 51.2 51.2 0 0 1-51.2-50.91599999z"
            fill="#9BCAED"
            p-id="2718"
          ></path>
          <path
            d="M762.87999999 779.378a39.822 39.822 0 1 0 39.538 39.538 39.822 39.822 0 0 0-39.538-39.538z"
            fill="#B3D7F2"
            p-id="2719"
          ></path>
        </svg>

        <span style="color: white; font-size: 26px; margin-top: 24px"
          >Loading...</span
        >
      
    </div>

    <script src="lib/umi.js"></script>
  </body>
</html>
